page {
//   display: flex;
//   flex-direction: column;
//   // padding: 16rpx;
box-sizing: border-box;
//   // > view:nth-child(n+3) {
//   //   margin-top: 20rpx; 
//   // }
 }


.custom-nav {
  height: 150rpx;  /* 设置导航栏高度 */
  background-image: url('https://img2.wallspic.com/previews/2/4/9/3/7/173942/173942-yue_sai_mi_di_guo_jia_gong_yuan-xuan_ya-deng_ta-da_hai-hai_an-500x.jpg');  /* 背景图片 */
  background-size: cover;   /* 背景图片覆盖整个区域 */
  background-position: center;  /* 居中显示图片 */
  display: flex;
  // align-items:center;
  justify-content: center;
  align-items: flex-end;
}

.nav-title {
  font-size: 20px;
  color: rgb(224, 214, 214);  /* 设置文字颜色 */
}

.plan-container {
  width: 100%;
  height: 100vh;  /* 使容器填满整个屏幕 */
  background-image: url('https://img2.wallspic.com/previews/2/4/9/3/7/173942/173942-yue_sai_mi_di_guo_jia_gong_yuan-xuan_ya-deng_ta-da_hai-hai_an-500x.jpg');
  background-size: cover;   /* 背景图片填充整个页面 */
  background-position: center;  /* 背景图片居中 */
  background-repeat: no-repeat;  /* 防止图片重复 */
  // padding-top: 100rpx;
}

// 备用图片

// https://c.53326.com/d/file/20220830/zkrplrmpckf.jpg

// https://img3.wallspic.com/previews/1/7/5/0/8/180571/180571-yue_liang-xiang_fa-duo_shan_de_de_mao-tian_wen_xue_dui_xiang-gao_de-500x.jpg

// https://img2.wallspic.com/previews/6/3/6/9/5/159636/159636-vivo-vivo_nex_dual_display-vivo_nex-ping_guo-an_zhuo-500x.jpg

// https://img2.wallspic.com/previews/8/1/0/9/99018/99018-tian_kong-da_hai-jia_lei_bi-du_jia_cun-an_bian-x750.jpg
// https://img2.wallspic.com/previews/5/3/5/9/7/179535/179535-yu_hui-zi_ran_jing_guan-zhi_bei-x750.jpg


.container {
  padding: 10rpx;
  position: relative;
  z-index: 1;  /* 确保内容显示在背景图片之上 */
  
  // color: white; /* 设置文字颜色 */
}

.myroute {
  padding: 40rpx;
  height: 90rpx;
  width: 675rpx;
  font-size: 38px;
  color: rgb(143, 139, 156);
}

// 出发地
.sectionA {
  background-color: rgb(138, 164, 219);
 margin-top: -100rpx;
  padding: 15rpx;
  // margin-bottom: 20px;
  height: 90rpx;
  width: 675rpx;
  border-radius: 20rpx;
  display: flex;
      // flex-direction:row;
  align-items: center;
  opacity: 0.5;

  .search-icon {
    width: 70rpx;
      height: 70rpx;
      align-items: center;
      margin: auto 15rpx;
  }
}


.input {
  padding: 5rpx;
  height: 90rpx;
  width: 675rpx;
  font-size: 26px;
  // font-weight: 800;
}

.input::placeholder {
  color: rgb(145, 63, 63); 
  // font-style: italic; 
}
// 目的地
.sectionB {
  background-color: rgb(138, 164, 219);
 
  padding: 20rpx;
  opacity: 0.5;
  // margin-bottom: 20px;
  margin-top: -140rpx;
  height: 300rpx;
  width: 660rpx;
  border-radius: 20rpx;
  text {
    font-size: 26px;
  }
}

.inputB {
  // width: 100%;
  height: 80rpx;
  padding: 5rpx;
  font-size: 28rpx;
  border: 6rpx solid #ccc;
  border-radius: 20rpx;
  margin-top: 20rpx;
  color: #05060f;
  // font-weight: 800;
}
// .inputB::placeholder {
//   color: rgb(145, 63, 63); 

// }
// .suggestion-item {
//   padding: 10px;
//   background-color: #f1f1f1;
//   border-bottom: 1px solid #ddd;
//   font-size: 14px;
// }

// 下一步
.next-button {
  width: 200rpx;
  height: 100rpx;
  // background-color: #498cd4;
  background: linear-gradient(to bottom right, #9ec8e8, #747ede);
  // margin-top: -60rpx;
  margin-bottom: 120rpx;
  color: white;
  font-size: 28rpx;
  text-align: center;
  line-height: 100rpx;
  border-radius: 20rpx;
  opacity: 0.9;
}
